﻿@model UcAsp.Models.ShowMessageModel
@{
    ViewBag.Title = Model.Art.Tag + Model.Art.Title;
    Layout = "~/Views/Shared/_Layout.cshtml";
    UcAsp.Models.Articles Nextarticles = ViewData["Next"] as UcAsp.Models.Articles;
    UcAsp.Models.Articles Prearticles = ViewData["Pre"] as UcAsp.Models.Articles;
}
@section metas{
<meta name="keywords" content="@Model.Art.Title @Model.Art.MetaKeyword @UcAsp.WorkFrame.SettingConfig.GetSiteSetting.SearchMetaKeywords" />
    <meta name="description" content="@Model.Art.Title @Model.Art.MetaKeyword @Model.Art.MetaDescrition @UcAsp.WorkFrame.SettingConfig.GetSiteSetting.SearchMetaDescription" />
  <style>
      .teachmessage
      {
        width:976px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #cdcdcd;
        padding:10px;
         margin-bottom:20px;

      }
      .teach_header
      {
           width:966px;
      }
          .image
          {
              width:340px;
              float:left
          }
          .image img
          {
              width:320px;
              margin:20px
          }
          .note4
          {
              padding-left:20px;
              width:600px;
              float:left;
              overflow:hidden;
          }
          #facebox .b {
  background:url(../images/b.png);
}

#facebox .tl {
  background:url(../images/tl.png);
}

#facebox .tr {
  background:url(../images/tr.png);
}

#facebox .bl {
  background:url(../images/bl.png);
}

#facebox .br {
  background:url(../images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox ._footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}
      .content a
      {
          color:#cccccc;
      }
.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

    .ucaspfacebox
    {
        width:500px;
    }

  </style>
   <script>
       var isLogin = "@ViewData["IsLogin"]"
       var Point = "@ViewData["Point"]"
       function getPageScroll() {
           var xScroll, yScroll;
           if (self.pageYOffset) {
               yScroll = self.pageYOffset;
               xScroll = self.pageXOffset;
           } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
               yScroll = document.documentElement.scrollTop;
               xScroll = document.documentElement.scrollLeft;
           } else if (document.body) {// all other Explorers
               yScroll = document.body.scrollTop;
               xScroll = document.body.scrollLeft;
           }
           return new Array(xScroll, yScroll)
       }

       // Adapted from getPageSize() by quirksmode.com
       function getPageHeight() {
           var windowHeight
           if (self.innerHeight) {	// all except Explorer
               windowHeight = self.innerHeight;
           } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
               windowHeight = document.documentElement.clientHeight;
           } else if (document.body) { // other Explorers
               windowHeight = document.body.clientHeight;
           }
           return windowHeight
       }

   var  html = '\
    <div id="facebox"> \
      <div class="popup"> \
        <table> \
          <tbody> \
            <tr> \
              <td class="tl"/><td class="b"/><td class="tr"/> \
            </tr> \
            <tr> \
              <td class="b"/> \
              <td class="body"> \
                <div class="content"> \
                </div> \
              </td> \
              <td class="b"/> \
            </tr> \
            <tr> \
              <td class="bl"/><td class="b"/><td class="br"/> \
            </tr> \
          </tbody> \
        </table> \
      </div> \
    </div>'
   $(function () {
      
       if (isLogin == "False" || Point>0) {
           $("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')
           $('#facebox_overlay').addClass("facebox_overlayBG").css('opacity', 0.5)
           $('body').append(html);
           $('#facebox').css({
               top: getPageScroll()[1] + (getPageHeight() / 10),
               left: 385.5
           }).show()
           $('.content').append("<br><br>您还没有登陆！ <br><br><div class='poitline'></div><a href='/User/Login'>点击登陆</a> <a href='/User/Reg'>我还没有账号</a><div style='margin:20px;'><br ><a href='/'>返回</a> <ul>        <li><h3>积分能做是什么?</h3></li><li>1积分可直接观看视频教程.        </li><li>2可兑换悠点课程.</li> <li>           3可作为活动幸运奖候选名单.        </li>     </ul>        <ul>        <li>            <h3>怎样获得积分?</h3>        </li>        <li>            1每次登陆可获得10积分.        </li>        <li>            2分享精彩内容到微博、空间等.        </li>        <li>          3参与悠点定期活动.        </li>         <li>          4优秀作品被采编到网站首页.     </li> </ul></div>");
       } else {
           if (Point == "False") {
               $("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')
               $('#facebox_overlay').addClass("facebox_overlayBG").css('opacity', 0.5)
               $('body').append(html);
               $('#facebox').css({
                   top: getPageScroll()[1] + (getPageHeight() / 10),
                   left: 385.5
               }).show()
               $('.content').append("<br><br><br >积分不够！ <div class='poitline'></div><br><br><br ><a href='/'>返回</a><div style='margin:20px;'> <ul>        <li><h3>积分能做是什么?</h3></li><li>1积分可直接观看视频教程.        </li><li>2可兑换悠点课程.</li> <li>           3可作为活动幸运奖候选名单.        </li>     </ul>        <ul>        <li>            <h3>怎样获得积分?</h3>        </li>        <li>            1每次登陆可获得10积分.        </li>        <li>            2分享精彩内容到微博、空间等.        </li>        <li>          3参与悠点定期活动.        </li>         <li>          4优秀作品被采编到网站首页.     </li> </ul></div>");
           }
       }
   })
  
   </script>
}
<div class="teachmessage">
    <!--div class="teach_header">
        <div class="image">
        <img src="@Model.Art.IconUrl" />
            </div>
        <div class="note4">
       <br>@Model.Art.Tag : <b>@Model.Art.Title</b> <br> @(new HtmlString(@Model.Art.Description))
        </div>
        <div style="width:950px; text-align:right"><a href="/"><font color="#cdcdcd">返回上页</font></a></div>
        <div class="clear"></div>
    </div-->
    <div class="poitline" style="width:976px;"></div>
     @(new HtmlString(@Model.Art.ArticleContent))
</div>
<div class="college_content">
    <div style="float:left">上一页: @if (Prearticles.ID != 0){<a href="/ShowMessage/@Nextarticles.ID">@(new HtmlString(@Nextarticles.Title))</a>}</div>
    <div style="float:right; margin-right:50px;">下一页：@if (Prearticles.ID != 0){<a href="/ShowMessage/@Prearticles.ID">@(new HtmlString(@Prearticles.Title))</a>} </div>
    <div class="clear"></div>
</div>
<div class="poitline"></div>
    
<div class="line"></div>
<div class="Talent_title">推荐视频<span style="float:right"><a href="/video">全部视频</a></span></div>

<div class="talent_all">
    <ul>
        @foreach (UcAsp.Models.Articles c in Model.Recommend)
        {
        <li>
            <ul>
                <li>
                    <a href="/ShowMessage/@c.ID"><img src="@c.IconUrl" /></a>
                </li>
                <li>
                    <b class="hometitle">@c.Title</b>
                </li>

            </ul>
        </li>
        }
    </ul>
</div>
<div class="clear"></div>
@Html.Action("Comments", new { model=Model})